/**
自定义小图标
 */
@import url("//at.alicdn.com/t/font_1659810_xt6jp09zv8k.css");

body {
  font-family: "Microsoft Yahei", "Hiragino Sans GB", tahoma, arial, serif;
  -webkit-tap-highlight-color: rgba(200, 200, 200, 0);
  font-size: 13px;
  background: $bg;
  color: $black;
}

i {
  font-family: 'iconfont';
}

a {
  text-decoration: none;
}

::-webkit-scrollbar {
  width: 7px;
  height: 7px;
  background-color: $bg;
}

::-webkit-scrollbar-thumb {
  border-radius: 5px;
  background-color: rgba(144, 146, 152, 0.3);
}

::-webkit-scrollbar-track-piece {
  background-color: $bg;
}

:-moz-placeholder {
  color: #ccc;
}

::-webkit-input-placeholder {
  color: #ccc;
}

input:disabled,
textarea:disabled,
select:disabled {
  cursor: not-allowed;
}

.primary {
  color: $primary;
}

.green {
  color: $green;
}

.red {
  color: $red;
}

.orange {
  color: $orange;
}

.blue {
  color: $blue;
}

.gray {
  color: $gray;
}

.black {
  color: $black;
}

.primary-bg {
  background: $primary;
}

.green-bg {
  background: $green;
}

.red-bg {
  background: $red;
}

.orange-bg {
  background: $orange;
}

.blue-bg {
  background: $blue;
}

.gray-bg {
  background: $gray;
}

.black-bg {
  background: $black;
}

.font-bold {
  font-weight: bold;
}

/*.router-view {*/
/*position: absolute;*/
/*top: 0;*/
/*left: 0;*/
/*width: 100%;*/
/*height: 100%;*/
/*overflow: auto;*/
/*-webkit-overflow-scrolling: touch;*/
/*}*/

.child-router {
  position: fixed;
  z-index: 2;
  height: 100vh;
  width: 100%;
  top: 0;
  left: 0;
  background: $bg;
}

p.title {
  font-size: 20px;
  margin: 25px 0 10px;
}

.box {
  margin: 20px 0;
  border-radius: 5px;
  background: #fff;
  overflow: hidden;
  padding: 15px;
  box-shadow: 0 0 5px 0 rgba(0, 0, 0, 0.1);
}

.box-title {
  font-size: 16px;
  margin-bottom: 15px;
}

.tips {
  font-size: 12px;
  color: $gray;
  border-left: 3px solid $primary;
  padding: 5px 10px;
}

.fade-right-leave-active,
.fade-right-enter-active {
  transition: all .5s;
  position: absolute;
  top: 0;
  width: 100%;
}

.fade-right-enter {
  opacity: 0;
  transform: translateX(-50px);
}

.fade-right-leave-to {
  opacity: 0;
  transform: translateX(50px);
}

.pointer {
  cursor: pointer;
}
